﻿<script>
$(function(){
    //获得slider插件对象
    var gallery = mui('.mui-slider');
        gallery.slider({
  	    interval:2599+22//自动轮播周期，若为0则不自动播放，默认为0；
    });
});
</script>

<!-- 导航 -->

<div class="mui-bar mui-bar-nav">
	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-left">
				<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/0.png" class="ask_call"/>
			</button>

	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right">
				<a href="index.php?act=cart&op=goods_cart">
					<span style="background:#efb33e;border-radius: 20px;color: #000000;font-size: 14px;padding: 1px 2px 2px 2px;min-width: 20px;line-height: 17px;position: absolute;right: 5px;top: 4px;text-align: center;<?php if(!($output['cart_num_con']>0)){echo 'display: none';}?>"><?php echo $output['cart_num_con']; ?></span>
					<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/01.png" />
				</a>
			</button>

	<h1 class="mui-title" style="display: none;"><label style="color: #f9b800; font-size: 24px;vertical-align: middle;">276.95</label>&nbsp;&nbsp;<label style="font-size: 18px;vertical-align: middle;">元/克</label></h1>
</div>
<!-- 主体内容 -->
<section>

	<!-- banner -->
	<div id="slider" class="mui-slider mui-active">
		<div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
			<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner2.jpg">
				</a>
			</div>
			<!-- 第一张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner1.jpg">
				</a>
			</div>
			<!-- 第二张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner2.jpg">
				</a>
			</div>
			<!-- 第三张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/11_02.jpg">
				</a>
			</div>

			<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner1.jpg">
				</a>
			</div>
		</div>
		<div class="mui-slider-indicator">
			<div style="background: #cbcbcb;margin: 0 auto; border-radius: 12px; display: initial; padding: 0px 5px;">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
	</div>

	<style type="text/css">
		/* scrollbox */
		
		.scrollbox {
			position: relative;
			width: 100%;
			height: 22px;
			line-height: 22px;
			overflow: hidden;
			top: -23px;
		}
		
		.scrollbox ul {
			position: absolute;
			left: 45px;
		}
		/* fontlist */
		
		#fontlist li {
			height: 22px;
		}
		
		#fontlist li a {
			width: auto;
			color: #999999;
			font-size: 14px;
		}
	</style>
	<!-- 公告 -->
	<div style="padding: 12px 10px; height: 45px; background: #FFFFFF; font-size: 14px;" class="mui-input-row mui-search">
		<div style="color: #333333;font-size: 14px;">公告： </div>
		<div class="scrollbox">
			<ul id="fontlist">
				<?php foreach ($output['article_list'] as $_key=>$_value) {?>
				<li>
					<a href="index.php?act=find&op=information_particulars&article_id=<?php echo $_value['article_id']; ?>">
						<?php echo mb_substr($_value['article_title'],0,17,'utf-8');  ?>
					</a>
				</li>
				<?php } ?>
			</ul>
		</div>
	</div>

	<script type="text/javascript" src="<?php echo BASE_SITE_URL;?>/html/resource/js/jquery.rollGallery_yeso.js"></script>
	<script type="text/javascript">
		$(document).ready(function($) {
			if($("#fontlist li").length > 1) {

				$("#fontlist").rollGallery({
					direction: "top",
					speed: 2000,
					showNum: 1
				});
			}
		});
	</script>
	<!-- 以下内容 -->

	<div style="height: 10px; background: #F4F4F4;"></div>
	<div style="text-align: center;">
		<img style="width: 100%;float: left;" src="<?php echo APP_TEMPLATES_URL;?>/images/index_03.jpg" />
	</div>
	<div class="guanggao">
		<hr style=" width: 90%; border: none; border-top: 1px solid #eeeeee; margin: 14px auto;" />
		<?php echo loadadv(49);?>

		<hr style=" width: 90%; border: none; border-top: 1px solid #eeeeee; margin: 14px auto;" />
		<?php echo loadadv(50);?>

		<hr style=" width: 90%; border: none; border-top: 1px solid #eeeeee; margin: 14px auto;" />
		<?php echo loadadv(51);?>

	</div>

	<!--
                	作者：569154771@qq.com
                	时间：2016-11-03
                	描述：广告图
                -->
	<style>
		.goodsul {
			float: left;
			width: 100%;
		}
		
		.goodsul li {
			float: left;
			max-width: 50%;
			width: 48.5%;
			background: #FFFFFF;
			text-align: center;
			margin: 0px 1% 1% 1%;
		}
		
		.goodsul li:nth-child(even) {
			margin-left: 0px;
		}
		
		.goodsul li p {
			text-align: left;
		}
		
		.goodsul li a {
			float: left;
			width: 100%;
			min-height: 160px;
		}
		
		.goodsul li a img {
			max-width: 100%;
		}
		
		.goodsul li p {
			float: left;
			width: 100%;
		}
		
		.guanggao img {
			width: 100% !important;
			height: auto !important;
		}
		
		@media (device-width:320px) and (-webkit-min-device-pixel-ratio:2) {
			.goodsul .fl {
				font-size: 12px !important;
			}
			.goodsul .fr {
				font-size: 12px !important;
			}
		}
	</style>

	<div style="text-align: center;">
		<div style="background: #F4F4F4; height: 10px;"></div>
		<a href="index.php?act=find&op=information_particulars&article_id=49"><img class="fl" src="<?php echo APP_TEMPLATES_URL;?>/images/index_14.jpg" style="width: 100%;" /></a>
		<a href="index.php?act=goods&gc_id=<?php echo $output['goods_class_list']['teaSet']; ?>&gc_name=茶具系列">
			<img class="fl" src="<?php echo APP_TEMPLATES_URL;?>/images/index_13.jpg" style="width: 100%;" />
		</a>
	</div>

	<div style="background: #F4F4F4; float: left; width: 100%;">

		<ul class="goodsul">
			<?php foreach ($output['goods_list_ct'] as $_value) { ?>
			<li>
				<a href="index.php?act=goods&op=goods_detail&goods_id=<?php echo $_value['goods_id']; ?>"><img style="max-width: 100%;" src="<?php echo cthumb($_value['goods_image'], 265, $_value['store_id']);?>" /></a>
				<div style="padding: 10px 12px; line-height: 22px;">
					<p style="color: #555555; font-size: 14px;">
						<?php echo $_value['goods_name']; ?>
					</p>
					<div style="color: #c10a1f; font-size: 14px;" class="fl">￥
						<?php echo $_value['goods_price']; ?>
					</div>
					<div style="color: #f9b800; font-size: 12px;" class="fr">年收益
						<?php echo $_value['year_rate']; ?>%</div>
					&nbsp;
				</div>
			</li>
			<?php } ?>
		</ul>

		<a href="index.php?act=goods&gc_id=<?php echo $output['goods_class_list']['silverLife']; ?>&gc_name=银品生活">
			<img src="<?php echo APP_TEMPLATES_URL;?>/images/index_31.jpg" style="width: 100%; float: left;" />
		</a>
		<ul class="goodsul">
			<?php foreach ($output['goods_list_sl'] as $_value) { ?>
			<li>
				<a href="index.php?act=goods&op=goods_detail&goods_id=<?php echo $_value['goods_id']; ?>"><img style="max-width: 100%;" src="<?php echo cthumb($_value['goods_image'], 265, $_value['store_id']);?>" /></a>
				<div style="padding: 10px 12px; line-height: 22px;">
					<p style="color: #555555; font-size: 14px;">
						<?php echo $_value['goods_name']; ?>
					</p>
					<div style="color: #c10a1f; font-size: 16px;" class="fl">￥
						<?php echo $_value['goods_price']; ?>
					</div>
					<div style="color: #f9b800; font-size: 13px;" class="fr">年收益
						<?php echo $_value['year_rate']; ?>%</div>
					&nbsp;
				</div>
			</li>
			<?php } ?>
		</ul>
	</div>

	<!--
                	作者：569154771@qq.com
                	时间：2016-11-04
                	描述：银
                -->

	<div style="text-align: center;">
		<div style="background: #F4F4F4; height: 8px; clear: both;"></div>
		<a href="index.php?act=index&op=index2"><img class="fl" src="<?php echo APP_TEMPLATES_URL;?>/images/index_34.jpg" style="width: 100%;" /></a>
		<a href="index.php?act=goods&gc_id=<?php echo $output['goods_class_list']['religCulture']; ?>&gc_name=宗教文化">
			<img class="fl" src="<?php echo APP_TEMPLATES_URL;?>/images/index_36.jpg" style="width: 100%;" />
		</a>
	</div>

	<div style="background: #F4F4F4; float: left; width: 100%;">

		<ul class="goodsul">
			<?php foreach ($output['goods_list_bj'] as $_value) { ?>
			<li>
				<a href="index.php?act=goods&op=goods_detail&goods_id=<?php echo $_value['goods_id']; ?>"><img style="max-width: 100%;" src="<?php echo cthumb($_value['goods_image'], 265, $_value['store_id']);?>" /></a>
				<div style="padding: 10px 12px; line-height: 22px;">
					<p style="color: #555555; font-size: 14px;">
						<?php echo $_value['goods_name']; ?>
					</p>
					<div style="color: #c10a1f; font-size: 16px;" class="fl">￥
						<?php echo $_value['goods_price']; ?>
					</div>
					<div style="color: #f9b800; font-size: 13px;" class="fr">年收益
						<?php echo $_value['year_rate']; ?>%</div>
					&nbsp;
				</div>
			</li>
			<?php } ?>
		</ul>

		<a href="index.php?act=goods&gc_id=<?php echo $output['goods_class_list']['home']; ?>&gc_name=家居摆件">
			<img src="<?php echo APP_TEMPLATES_URL;?>/images/index_36-13.jpg" style="width: 100%; float: left;" />
		</a>

		<ul class="goodsul">
			<?php foreach ($output['goods_list_bg'] as $_value) { ?>
			<li>
				<a href="index.php?act=goods&op=goods_detail&goods_id=<?php echo $_value['goods_id']; ?>"><img style="max-width: 100%;" src="<?php echo cthumb($_value['goods_image'], 265, $_value['store_id']);?>" /></a>
				<div style="padding: 10px 12px; line-height: 22px;">
					<p style="color: #555555; font-size: 14px;">
						<?php echo $_value['goods_name']; ?>
					</p>
					<div style="color: #c10a1f; font-size: 16px;" class="fl">￥
						<?php echo $_value['goods_price']; ?>
					</div>
					<div style="color: #f9b800; font-size: 13px;" class="fr">年收益
						<?php echo $_value['year_rate']; ?>%</div>
					&nbsp;
				</div>
			</li>
			<?php } ?>
		</ul>

		<a href="index.php?act=goods&gc_id=<?php echo $output['goods_class_list']['queen']; ?>&gc_name=皇家饰品">
			<img src="<?php echo APP_TEMPLATES_URL;?>/images/index_36-14.jpg" style="width: 100%; float: left;" />
		</a>
		<ul class="goodsul">
			<?php foreach ($output['goods_list_cj'] as $_value) { ?>
			<li>
				<a href="index.php?act=goods&op=goods_detail&goods_id=<?php echo $_value['goods_id']; ?>"><img style="max-width: 100%;" src="<?php echo cthumb($_value['goods_image'], 265, $_value['store_id']);?>" /></a>
				<div style="padding: 10px 12px; line-height: 22px;">
					<p style="color: #555555; font-size: 14px;">
						<?php echo $_value['goods_name']; ?>
					</p>
					<div style="color: #c10a1f; font-size: 16px;" class="fl">￥
						<?php echo $_value['goods_price']; ?>
					</div>
					<div style="color: #f9b800; font-size: 13px;" class="fr">年收益
						<?php echo $_value['year_rate']; ?>%</div>
					&nbsp;
				</div>
			</li>
			<?php } ?>
		</ul>
	</div>

	<div style="background: #F4F4F4; height: 10px; clear: both;"></div>
</section>

<style>
	.mui-popup-backdrop {
		position: fixed;
		z-index: 998;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transition-duration: 400ms;
		transition-duration: 400ms;
		opacity: 0;
		background: rgba(0, 0, 0, .4)
	}
	
	.mui-popup-backdrop.mui-active {
		opacity: 1
	}
	
	.mui-popup {
		position: fixed;
		z-index: 10000;
		top: 50%;
		left: 50%;
		display: none;
		overflow: hidden;
		width: 270px;
		-webkit-transition-property: -webkit-transform, opacity;
		transition-property: transform, opacity;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
		transform: translate3d(-50%, -50%, 0) scale(1.185);
		text-align: center;
		opacity: 0;
		color: #000;
		border-radius: 13px
	}
	
	.mui-popup.mui-popup-in {
		display: block;
		-webkit-transition-duration: 400ms;
		transition-duration: 400ms;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		opacity: 1
	}
	
	.mui-popup.mui-popup-out {
		-webkit-transition-duration: 400ms;
		transition-duration: 400ms;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		opacity: 0
	}
	
	.mui-popup-inner {
		position: relative;
		padding: 15px;
		border-radius: 13px 13px 0 0;
		background: rgba(255, 255, 255, .95)
	}
	
	.mui-popup-inner:after {
		position: absolute;
		z-index: 15;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		background-color: rgba(0, 0, 0, .2)
	}
	
	.mui-popup-title {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		padding-top: 10px;
	}
	
	.mui-popup-title+.mui-popup-text {
		font-size: 14px;
		margin-top: 10px
	}
	
	.mui-popup-buttons {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		height: 44px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}
	
	.mui-popup-button {
		font-size: 17px;
		line-height: 44px;
		position: relative;
		display: block;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: 44px;
		padding: 0 5px;
		cursor: pointer;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #000;
		background: rgba(255, 255, 255, .95);
		-webkit-box-flex: 1
	}
	
	.mui-popup-button:after {
		position: absolute;
		z-index: 15;
		top: 0;
		right: 0;
		bottom: auto;
		left: auto;
		display: block;
		width: 1px;
		height: 100%;
		content: '';
		-webkit-transform: scaleX(.5);
		transform: scaleX(.5);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		background-color: rgba(0, 0, 0, .2)
	}
</style>
<div class="mui-popup-backdrop mui-active" style="display: none;"></div>
<div class="mui-popup mui-popup-in" style="display: none;">
	<div class="mui-popup-inner">
		<div class="mui-popup-title">温馨提示</div>
		<div class="mui-popup-text">拨打客服热线：
			<a href="tel:0735-2651688">0735-2651688</a>
		</div>
		<div class="mui-popup-text" style="margin-top: 15px;">
			<a href="index.php?act=temp&op=issue" style="color: #efb33e;text-decoration:underline;font-size: 14px; ">常见问题</a>
		</div>
	</div>
	<div class="mui-popup-buttons">
		<span class="mui-popup-button" onclick="hideDiv();">关闭</span>
	</div>
</div>

<!--<script src="<?php echo APP_RESOURCE_SITE_URL;?>/js/hbuilder/update.js?v=<?php echo VERSION;?>"  charset="utf-8"></script>-->

<!--工具仪器E-->
<script type="text/javascript">
	$(".ask_call").bind("click", function() {
		$(".mui-popup-backdrop").show();
		$(".mui-popup-in").show();
	});

	function tocall() { //拨打

	}

	function hideDiv() {
		$(".mui-popup-backdrop").hide();
		$(".mui-popup-in").hide();
	}

	//首页head
	$(function() {
		var $sInp = $('.s-inp'),
			$select = $('.s-inp-select'),
			$sTxt = $('.s-inp-txt'),
			$sList = $('.s-select-list');
		$sInp.click(function() {
			//首页搜索类型的显隐
			$select.toggle();
		})
		$sList.click(function() {
			//首页选择搜索的类型
			var sTxt = $(this).text();
			$sTxt.text(sTxt);
			//更改表单提交的控制器
			var act = $(this).attr('data-act');
			$('form#J_Search input:hidden').val(act);
		});
	});

	//首页返回键处理
	//处理逻辑：1秒内，连续两次按返回键，则退出应用；
	var first = null;
	window.back = function() {
		//首次按键，提示‘再按一次退出应用’
		if(!first) {
			first = new Date().getTime();
			mui.toast('再按一次退出应用');
			setTimeout(function() {
				first = null;
			}, 1000);
		} else {
			if(new Date().getTime() - first < 1000) {
				plus.runtime.quit();
			}
		}
	};
</script>